<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>后台管理</title>
  <link rel="stylesheet" href="../static/layui/css/layui.css">
  <link rel="icon" type="image/png" sizes="144x144" href="../../static/images/icon.png"/>
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
   <div th:include="common/menu.html"></div>
  <div class="layui-body">
    <!-- 内容主体区域 -->
    <div style="padding: 15px;">
     <blockquote class="layui-elem-quote">
		登录登出记录
	 </blockquote>
	 
	 <table id="sysUserLog" lay-filter="test"></table>
	 
    </div>
  </div>
</div>
<script src="../static/layui/layui.js"></script>
<script>
//JavaScript代码区域
layui.use(['table','element','laypage'], function(){
  var table = layui.table;
  var element=layui.element;
  var laypage=layui.laypage;
  //第一个实例
  table.render({
    elem: '#sysUserLog'
    //,height: 500
    ,url: '/user/sysUserLog/list.html' //数据接口
    ,page: true //开启分页
    ,cols: [
    	[ //表头
      {type: 'numbers', title: 'ID', width:80, sort: true, fixed: 'left'}
      ,{field: 'username', title: '用户名',width:320 }
      ,{field: 'operation', title: '操作',width:320, sort: true}
      ,{field: 'ip', title: '操作ip', width:320} 
      ,{field: 'createDate', title: '操作时间' ,templet:"<div>{{layui.util.toDateString(d.createDate)}}</div>"} 
    ]
    ]
  });
});
</script>
</body>
</html>